<template>
  <div class="learn">
    <van-nav-bar
      title="已购课程"
    />
    <course-content-list :get-course="getCourse"></course-content-list>
    <layout-footer></layout-footer>
  </div>
</template>

<script>
import { NavBar } from 'vant'
import LayoutFooter from '@/components/LayoutFooter.vue'
import CourseContentList from '@/components/CourseContentList.vue'
import { getPurchaseCourse } from '@/services/course'
export default {
  components: { LayoutFooter, CourseContentList, VanNavBar: NavBar },
  name: 'Learn',
  methods: {
    getCourse () {
      return getPurchaseCourse()
    }
  }
}
</script>

<style scoped>
.course-content-list {
  top: 44px;
  bottom: 50px;
}
</style>
